.dir-list-warp {
  .file-name-warp {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    .file-icon {
      display: inline-block;
      width: 26px;
      height: 26px;
      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }
    .file-name {
      margin-left: 20px;
      cursor: pointer;
      transition: color .3s;
      &:hover {
        color: #09AAFF;
      }
    }
    .file-ops {
      display: none;
      margin-left: auto;
      span {
        margin-right: 10px;
        cursor: pointer;
        &:before {
          font-size: 20px;
          font-weight: 700;
          color: #09AAFF;
        }
      }
      .more-list {
        width: 80px;
        li {
          width: 100%;
          height: 28px;
          text-align: center;
          line-height: 28px;
          font-size: 14px;
          color: #09AAFF;
          cursor: pointer;
          transition: background-color .3s;
          &:hover {
            background-color: #EFF0F1;
          }
        }
      }
    }
  }
}
.row:hover .file-ops {
  display: block;
}